<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>账户查询</title>
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="小镖人、社区、网络货运">
    <meta name="description" content="小镖人、社区、网络货运">
    <link rel="stylesheet" href="../../../../xbr_layui_extend/layui-v2.6.8/css/layui.css">
    <style>
    </style>
</head>
<body>
<div class="layui-fluid" style="padding: 15px;">
    <table id="demo" lay-filter="test"></table>
    <div id="pageHtml"></div>
</div>


<script src="../../../../xbr_layui_extend/layui-v2.6.8/layui.js"></script>
<script>
    layui.extend({
        admin: '/platform/xbr_layui_extend/admin' //集成路径
    }).use(["admin", 'laydate','table', 'form',"laypage"], function () {
        const $ = layui.$, form = layui.form,admin=layui.admin, laypage = layui.laypage, element = layui.element, laydate = layui.laydate,table = layui.table;
        element.render('icon');
        // 初始化时间范围选择器
        laydate.render({
            elem: '#dateRange',
            range: true,
            format: 'yyyy/MM/dd' // 使用斜杠作为时间分隔符
        });
        dataPages();
        function dataPages() {
            admin.req({
                url: "/platform/cmbc/getQryAcctList",
                data: {},//向后台传送页码值
                type: 'post',
                done: function (res) {
                    let data = res.data;
                    table.render({
                        elem: '#demo'
                        , height: 312
                        , data: data['acctList']['acctInfo']
                        , page: true //开启分页
                        , cols: [[ //表头
                              {field: 'userId', title: '客户号'}
                            , {field: 'acctNo', title: '账号'}
                            , {field: 'acctName', title: '账户名称' }
                            , {field: 'actDate', title: '签约日期' }
                        ]]
                    });
                }
            });
        }
    });
</script>
</body>
</html>